{% extends "user_contacts/base.html" %}
{% block title %}
<title>Contact Detail.</title>
{% endblock %}

{% block body %}
  <div class="container">
    <h1>contact detail</h1>
    <a href="{% url 'user_contacts:home' %}">Return Home</a>
    <table border="1" cellpadding="5">
      <tr>
        <th>First Name</th>
        <th>Last name</th>
        <th>Address</th>
        <th>City</th>
        <th>State</th>
        <th>Country</th>
        <th>Number</th>
        <th>Email</th>
      </tr>
      {# {% for contact in contacts %} #}
      <tr>
        <td>{{ contact.person.first_name }} </td>
        <td>{{ contact.person.last_name }}</td>
        <td>{{ contact.person.address }}</td>
        <td>{{ contact.person.city }}</td>
        <td>{{ contact.person.state }}</td>
        <td>{{ contact.person.country }}</td>
        <td>{{ contact.number }}</td>
        <td>{{ contact.person.email }}</td>
      </tr>
      {# {% endfor %} #}
    </table>
  </div>
{% endblock %}
